@charset "utf-8";
/* common */
.left {	float: left;}
.right {  float: right;}
a { color: #2665C4; text-decoration: none;}
a:hover{ color: #2665C4; text-decoration: underline;}
/* top */
#top { background-color: #F3FCFD; height: 40px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #a0b3d6; }
#top-main {	width: 850px;	margin-right: auto;	margin-left: auto;	line-height: 40px;}
#top-logo { float: left; width: 200px; font-weight: 800;}
#top-logo a { color: #000; text-decoration: none; }
#top-logo a:hover{ color: #000; text-decoration: underline; }
#top-search input { padding:3px; margin-top:10px; border: 1px solid #ccc; background-image: url(../images/search.png); background-attachment: scroll; background-repeat: no-repeat; background-position: 2px 2px; text-indent: 18px; }
/* main */
#warp { width: 851px; margin-right: auto; margin-left: auto; margin-top: 20px; height: auto; border: 1px solid #a0b3d6; background-color: #F3FCFD; }
.clear { clear: both; }
#main-left { height: auto; width: 600px; clear: right; background-color: #FFF; border-right-width: 1px; border-right-style: solid; border-right-color: #a0b3d6; }
#main-left-top { width: auto; }
#user-input { clear: both; width: 520px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
#user-input p { font-size: 16px; line-height: 20px; font-weight: 800; margin-bottom: 5px; }
#inputarea { height:50px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px; height: 60px; width: 96%; background-image: url(../images/inputbg.png); margin-right: auto; margin-left: auto; padding: 3px; font-size: 12px; line-height: 20px; font-weight: normal; background-repeat: no-repeat; }
.replyarea {height:20px; width: 380px; margin-right: 5px; margin-left: 5px; font-size: 12px; line-height: 20px; float: left; }
#user-input-sub { margin-right: auto; margin-left: auto; margin-bottom: 20px; line-height: 25px; margin-top: -20px; z-index:0; height: 25px; width: 520px; }
#user-input-sub a { line-height: 25px; float: left; width: 55px; color: #666; text-decoration: none; }
#user-input-sub a:hover { color: #000; }
#user-input-sub a img { margin: 3px; line-height: 25px; vertical-align: bottom; }
#user-input-sub span { width: 50px; float: right; }
#main-left-box { float: left; width: 100%; overflow: hidden; }
#main-list li { margin-top: 5px; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #E6E6E6; }
#main-list li span { float: left; width: auto; margin: 5px; height: auto; }
#main-list li span a { font-size: 14px; }
#main-list li span img { height: 50px; width: 50px; margin: 3px; border: 1px solid #E6E6E6; padding: 1px; vertical-align: top; }
#main-list li span p { display: block; vertical-align: top; width: 510px; line-height: 20px; font-size: 14px; margin-top: 2; margin-right: 0; margin-bottom: 2px; margin-left: 0; word-wrap: break-word; }
#main-list li span p strong { font-style: normal; color: #999; margin-right: 10px; }
#main-list li span p em { float: right; color: #999; }
#main-list li span p em a { color: #999; text-decoration: none; margin-right: 3px; margin-left: 3px; font-size: 12px; }
#main-list li span p img { height: auto; width: auto; padding: 2px; margin: 5px; }
#main-list li .reply_list label { float: left; width:20px; height: 30px; }
#main-list li .reply_list { background-color: #f1f1f1; height: auto; width: 450px; float: right; clear: both; margin-bottom: 10px; position: relative; margin-right: 30px; border: 1px solid #CCC; padding: 10px; }
#main-list li .reply_list li { width: 450px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #CCC; }
#main-list li .reply_list li p { float: left; margin: 5px; height: auto; width: 400px; display: inline; clear: right; }
#main-list li .reply_list li a img { height: 30px; width: 30px; margin: 3px; border: 1px solid #E6E6E6; padding: 1px; vertical-align: top; float: left; }
#main-list li .reply_list li strong { display: block; float: right; margin-right: 5px; }
.left-box { width: 600px; float: left; }
.imgtool { height:25px; width:454px; background-color:#F6F6F6; margin:-5px 5px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #E6E6E6; border-right-color: #E6E6E6; border-left-color: #E6E6E6;  }
#main-right { height: 100%; width: 250px; clear: right; }
#main-right-top { height: 300px; width: 100%; }
#main-right-top #userface { float: left; height: 94px; width: 94px; }
#main-right-top #userface img { border: 1px solid #CCC; height: 65px; width: 65px; margin: 15px; }
#main-right-top #userinfo { width: 150px; float: left; margin-top: 15px; }
#main-right-top #userinfo p { font-size: 12px; color: #000; }
#main-right-top #userstatus { margin-right: 15px; margin-left: 15px; }
#main-right-top #userstatus ul li { height: 35px; width: 33%; float: left; }
#userstatus ul .userstatus-li-right { border-right-width: 1px; border-right-style: solid; border-right-color: #a0b3d6; }
#userstatus ul li span { text-align: center; display: block; }
#username { line-height: 24px; font-size: 14px; }
textarea p{margin:0;}
textarea{ padding:3px; outline:0; border:1px solid #a0b3d6; font-size:12px; word-wrap:break-word; overflow-x:hidden; overflow-y:auto; _overflow-y:visible;font-family: "微软雅黑", sans-serif, Verdana, Geneva, sans-serif;}
textarea:focus{ border-color:#34538b;}
